<template>
	<div>
		<x-switch title="Full popup" v-model="show1"></x-switch>
		<div v-transfer-dom>
			<popup v-model="show1" height="100%">
				<div class="popup1">
					<x-switch title="Another XSwitcher" v-model="show1"></x-switch>
				</div>
			</popup>
		</div>

	</div>
</template>

<script>
	import { Popup, XSwitch, } from 'vux'

	export default {

		components: {
			Popup,
			XSwitch,
		},
		data() {
			return {
				show1: false,

			}
		},
		methods: {

		},
		watch: {

		}
	}
</script>

<style scoped lang="less">
	@import "~styles/index.less";
	@import "~styles/variable.less";

</style>